﻿@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Modules</title>
    <link href="~/Content/bootstrap.css" rel="stylesheet" />
    <link href="~/Content/ScalJS.css" rel="stylesheet" /> 
    <link href="~/Content/kendo.common.css" rel="stylesheet" />
    <link href="~/Content/kendo.default.css" rel="stylesheet" />
    <link href="~/Content/centerListModule.css" rel="stylesheet" />
    <link href="~/Content/rightColumn.css" rel="stylesheet" />
    <link href="~/Content/leftMenu.css" rel="stylesheet" />
    <script src="~/Scripts/jquery-1.9.1.js"></script>
    <script src="~/Scripts/app/kendo/kendo.all.js"></script>   
    <script src="~/Scripts/app/core/core.js"></script>
    <script src="~/Scripts/app/core/core.Communication.js"></script>
    <script src="~/Scripts/app/core/core.constants.js"></script>
    <script src="~/Scripts/app/core/core.proxy.js"></script>
    <script src="~/Scripts/app/sandBox.js"></script>
    <script src="~/Scripts/app/core/core.dataBinding.js"></script>

</head>
    <body>
        <div id="sc-wrapper">
            <div class="sc-content-cell col-md-1" id="sc-left" >
                @Html.Partial("LeftMenu")
            </div>
            <div class="sc-content-cell col-md-2" id="sc-center" data-role="scroller">
                @Html.Partial("CenterList")
            </div>
            <div class="sc-content-cell col-md-9" id="sc-right">
               @Html.Partial("RightContent")
            </div>
        </div>
        

    </body>

    <script src="~/Scripts/app/viewModels/peopleViewModel.js"></script>
    <script src="~/Scripts/app/modules/people-module.js"></script>
    <script src="~/Scripts/app/viewModels/leftMenuViewModel.js"></script>
    <script src="~/Scripts/app/modules/leftMenu.js"></script>
    <script src="~/Scripts/app/viewModels/rightContentViewModel.js"></script>
    <script src="~/Scripts/app/modules/rightContent-model.js"></script>
    <script type="text/javascript">
        $(function () {
            titBook.core.DataBinding.addDomElement("people-module", "sc-right");
            titBook.core.DataBinding.addDomElement("leftMenu-module", "leftMenu");
            titBook.core.DataBinding.addDomElement("center-list-module", "sc-center");
            titBook.core.DataBinding.addDomElement("rightContent-module", "sc-right");
            titBook.core.startAll();
        });
    </script>
  <script>
      var router = new kendo.Router();

      //router.route("/items/:category/:id", function (category, id) {
      //    alert(category + " category with "+ id+ " was requested");
      //});

      $(function () {
          router.start();
          router.navigate("/books/59");
      });
</script>
</html>
